<template>
  <div>
    <input type="text" :value="props.modeValue" @input="changeInput" />
  </div>
</template>

<script setup>
let props = defineProps(["modeValue"]); // 怎么接收父组件传过来的参数
let emit = defineEmits(["update:modeValue"]); // 怎么触发父组件的方法
const changeInput = (e) => {
  emit("update:modeValue", e.target.value);
};
</script>

<style scoped>
.inputs > input {
  height: 45px;
  width: 100%;
  outline-style: none;
  border: none;
  margin-top: 10px;
}
</style>